<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<p:panel id="pnCliente" style="border: none;">
	<h2>Cadastro de Clientes</h2>

	<h:panelGrid columns="3" cellpadding="1">
		<h:outputText value="Código: " />
		<h:outputText value="Pessoa  " />
		<h:outputText value="Sexo " />


		<p:inputText id="pmClienteId" value="#{beanCliente.cliente.id}"
			disabled="true" size="8" />


		<p:selectOneRadio id="pmClienteTipo"
			value="#{beanCliente.cliente.tipoCliente}">
			<p:ajax event="change" process="@this"
				update="pmClienteSexo, pmCLienteLabelNome, pmClienteLabelApelido"
				listener="#{beanCliente.disableSex()}" />
			<f:selectItem itemLabel="Fisico" itemValue="F" />
			<f:selectItem itemLabel="Juridico" itemValue="J" />
		</p:selectOneRadio>

		<p:selectOneRadio id="pmClienteSexo"
			value="#{beanCliente.cliente.sexo}" binding="#{beanCliente.sexo}">
			<f:selectItem itemLabel="Masc" itemValue="M" />
			<f:selectItem itemLabel="Fem" itemValue="F" />
		</p:selectOneRadio>
	</h:panelGrid>


	<h:panelGrid columns="2" cellpadding="1">

		<h:outputText id="pmCLienteLabelNome" value="Nome"
			binding="#{beanCliente.nome}" />
		<h:outputText id="pmClienteLabelApelido" value="Apelido"
			binding="#{beanCliente.apelido}" />

		<p:inputText id="pmClienteNome" value="#{beanCliente.cliente.nome}"
			size="65" />
		<p:inputText id="pmClienteApelido"
			value="#{beanCliente.cliente.apelido}" size="65" />
	</h:panelGrid>


	<!-- 			<h4>Endereço</h4> -->
	<br></br>
	<h:panelGrid columns="5" cellpadding="1">

		<h:outputText value="CEP " />
		<h:outputText value="Logradouro " />
		<h:outputText value="Numero " />
		<h:outputText value="Comp. " />
		<h:outputText value="Bairro " />

		<p:inputMask id="pmClienteCep" value="#{beanCliente.cliente.cep}"
			maxlength="14" mask="99999-999" size="8" />
		<p:inputText id="rua" value="#{beanCliente.cliente.logradouro}"
			size="40" />
		<p:inputText id="pmClienteNumero"
			value="#{beanCliente.cliente.numero}" maxlength="10" size="5" />
		<p:inputText id="pmCLienteComp"
			value="#{beanCliente.cliente.complemento}" maxlength="20" />
		<p:inputText id="pmClienteBairro"
			value="#{beanCliente.cliente.bairro}" size="40" />
	</h:panelGrid>

	<h:panelGrid columns="5" cellpadding="1">
		<h:outputText value="Codigo " />
		<h:outputText value="Cidade " />
		<h:outputText value="" />
		<h:outputText value="Estado " />
		<h:outputText value="País " />

		<p:inputText id="pmClienteIdCidade"
			value="#{beanCliente.cliente.cidade.id}" maxlength="20" size="8">
			<p:ajax event="change" process="@this"
				listener="#{beanCliente.hotFindCidade()}"
				update="pmClienteCidade pmClienteEstado, pmClientePais" />
		</p:inputText>
		<p:inputText id="pmClienteCidade"
			value="#{beanCliente.cliente.cidade.cidade}" maxlength="40"
			disabled="true" size="40" binding="#{beanCliente.nomeCidade}" />
		<p:commandButton id="pmClienteSelesctCidade" icon="ui-icon-search"
			type="button" title="Selecionar Cidade"
			onclick="dConsultaCidade.show()" />
		<p:inputText id="pmClienteEstado"
			value="#{beanCliente.cliente.cidade.estado.estado}" maxlength="20"
			disabled="true" size="35" />
		<p:inputText id="pmClientePais"
			value="#{beanCliente.cliente.cidade.estado.pais.sigla}" maxlength="3"
			disabled="true" size="5" />
	</h:panelGrid>

	<!-- 			<h4>Contato</h4> -->
	<br></br>
	<h:panelGrid columns="3" cellpadding="1">

		<h:outputText value="Telefone" />
		<h:outputText value="Celular " />
		<h:outputText value="E-mail " />

		<p:inputText id="pmCLienteTelefone"
			value="#{beanCliente.cliente.telefone}" />
		<p:inputText id="pmClineteCelular"
			value="#{beanCliente.cliente.celular}" />
		<p:inputText id="pmClienteEmail" value="#{beanCliente.cliente.email}"
			size="50" />
	</h:panelGrid>

	<!-- 			<h4>Outras Inf.</h4> -->
	<br></br>
	<h:panelGrid columns="6" cellpadding="1">
		<h:outputText value="CPF/CNPJ " />
		<h:outputText value="RG " />
		<h:outputText value="Codigo" />
		<h:outputText value="Condição de Pg " />
		<h:outputText value=" " />
		<h:outputText value="Limite de Crédito" />


		<p:inputText id="pmClienteCpf" value="#{beanCliente.cliente.cpf}" />
		<p:inputText id="pmClienteRg" value="#{beanCliente.cliente.rg}" />

		<p:inputText id="pmClienteIdCondicao"
			value="#{beanCliente.cliente.condPagamento.id}" maxlength="40"
			size="5">
			<p:ajax event="change" process="@this"
				listener="#{beanCliente.hotFindCondPagamento}"
				update="pmClienteCondicao" />
		</p:inputText>

		<p:inputText id="pmClienteCondicao"
			value="#{beanCliente.cliente.condPagamento.descricao}"
			binding="#{beanCliente.nomeCond}" disabled="true" />

		<p:commandButton id="pmClienteSelesctCondicao" icon="ui-icon-search"
			title="Selecionar Condição de Pagamento" type="button"
			onclick="dConsultaCondPagamento.show()" />

		<p:inputText id="pmClienteCredito"
			value="#{beanCliente.cliente.credito}" size="9" />

	</h:panelGrid>
	<h:panelGrid columns="1" cellpadding="1">
		<h:outputText id="pmCLienteObs" value="Observações" />
		<p:inputTextarea value="#{beanCliente.cliente.observacoes}" rows="2"
			cols="150" />
	</h:panelGrid>

	<br></br>
	<p:separator />

	<h:panelGrid columns="3" style="float: right;">
		<p:commandButton id="pmClienteSalvar" value="Salvar"
			action="#{beanCliente.save}" />
		<p:commandButton id="pmClienteLimpar" value="Limpar"
			action="#{beanCliente.reinit}" update="@form" />
		<p:commandButton id="pmClienteVoltar" value="Voltar"
			onclick="history.back()" />
	</h:panelGrid>


	<h:panelGrid columns="4" cellpadding="2" style="float: left;">
		<h:outputText value="Cadastro" />
		<p:inputMask id="pmClienteDataCad" value="#{beanCliente.cliente.criacao}"
			mask="99/99/9999" size="7" disabled="true" />


		<h:outputText value="Ultima Alter. " />

		<p:inputMask id="pmClienteDataAlteracao"
			value="#{beanCliente.cliente.alteracao}" mask="99/99/9999" size="7"
			disabled="true" />
	</h:panelGrid>
</p:panel>

<p:dialog header="Consultar Cidade" widgetVar="dConsultaCidade"
	id="pmClienteConsCidade" resizable="false">
	<ui:include src="/cidade/pCidadeCliente.xhtml"></ui:include>
</p:dialog>

</html>